:root.custom-dark {
  --ant-prefix: ant;
  --html-selector: html;
  --primary-color: #3f7ff7;
  --info-color: #3f7ff7;
  --success-color: #35bc62;
  --processing-color: #3f7ff7;
  --error-color: #fc8581;
  --highlight-color: #fc8581;
  --warning-color: #f7b321;
  --normal-color: #d9d9d9;
  --white: #fff;
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --icon-color: inherit;
  --text-color-dark: rgba(255, 255, 255, 0.85);
  --text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --text-selection-bg: #3f7ff7;
  --font-variant-base: tabular-nums;
  --font-feature-settings-base: tnum;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-sm: 12px;
  --heading-1-size: 38px;
  --heading-2-size: 30px;
  --heading-3-size: 24px;
  --heading-4-size: 20px;
  --heading-5-size: 16px;
  --line-height-base: 1.5715;
  --border-radius-base: 2px;
  --border-radius-sm: 2px;
  --padding-lg: 24px;
  --padding-md: 16px;
  --padding-sm: 12px;
  --padding-xs: 8px;
  --padding-xss: 4px;
  --control-padding-horizontal: 12px;
  --control-padding-horizontal-sm: 8px;
  --margin-lg: 24px;
  --margin-md: 16px;
  --margin-sm: 12px;
  --margin-xs: 8px;
  --margin-xss: 4px;
  --height-base: 32px;
  --height-lg: 40px;
  --height-sm: 24px;
  --iconfont-css-prefix: anticon;
  --link-color: #3f7ff7;
  --link-decoration: none;
  --link-hover-decoration: none;
  --link-focus-decoration: none;
  --link-focus-outline: 0;
  --ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --border-color-inverse: #fff;
  --border-width-base: 1px;
  --border-style-base: solid;
  --outline-blur-size: 0;
  --outline-width: 2px;
  --outline-color: #3f7ff7;
  --outline-fade: 20%;
  --shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --btn-font-weight: 400;
  --btn-border-radius-base: 2px;
  --btn-border-radius-sm: 2px;
  --btn-border-width: 1px;
  --btn-border-style: solid;
  --btn-primary-color: #fff;
  --btn-primary-bg: #3f7ff7;
  --btn-default-color: rgba(255, 255, 255, 0.85);
  --btn-default-border: #434343;
  --btn-danger-color: #fff;
  --btn-danger-bg: #fc8581;
  --btn-danger-border: #fc8581;
  --btn-disable-color: rgba(255, 255, 255, 0.3);
  --btn-disable-bg: #555;
  --btn-disable-border: #434343;
  --btn-default-ghost-bg: transparent;
  --btn-font-size-lg: 16px;
  --btn-font-size-sm: 14px;
  --btn-padding-horizontal-base: 15px;
  --btn-padding-horizontal-lg: 15px;
  --btn-padding-horizontal-sm: 7px;
  --btn-height-base: 32px;
  --btn-height-lg: 40px;
  --btn-height-sm: 24px;
  --btn-line-height: 1.5715;
  --btn-circle-size: 32px;
  --btn-circle-size-lg: 40px;
  --btn-circle-size-sm: 24px;
  --btn-square-size: 32px;
  --btn-square-size-lg: 40px;
  --btn-square-size-sm: 24px;
  --btn-square-only-icon-size: 16px;
  --btn-square-only-icon-size-sm: 14px;
  --btn-square-only-icon-size-lg: 18px;
  --btn-group-border: #3660b1;
  --btn-link-hover-bg: transparent;
  --checkbox-size: 16px;
  --checkbox-color: #3f7ff7;
  --checkbox-check-color: #fff;
  --checkbox-border-width: 1px;
  --checkbox-group-item-margin-right: 8px;
  --descriptions-title-margin-bottom: 20px;
  --descriptions-default-padding: 16px 24px;
  --descriptions-middle-padding: 12px 24px;
  --descriptions-small-padding: 8px 16px;
  --descriptions-item-padding-bottom: 16px;
  --descriptions-item-trailing-colon: true;
  --descriptions-item-label-colon-margin-right: 8px;
  --descriptions-item-label-colon-margin-left: 2px;
  --descriptions-extra-color: rgba(255, 255, 255, 0.85);
  --divider-text-padding: 1em;
  --divider-orientation-margin: 5%;
  --dropdown-selected-color: #3f7ff7;
  --empty-font-size: 14px;
  --radio-size: 16px;
  --radio-top: .2em;
  --radio-border-width: 1px;
  --radio-dot-size: 8px;
  --radio-dot-color: #3f7ff7;
  --radio-button-bg: transparent;
  --radio-button-checked-bg: transparent;
  --radio-button-color: rgba(255, 255, 255, 0.85);
  --radio-button-hover-color: #3660b1;
  --radio-button-active-color: #6497ea;
  --radio-wrapper-margin-right: 8px;
  --screen-xs: 375px;
  --screen-xs-min: 375px;
  --screen-sm: 767.9px;
  --screen-sm-min: 767.9px;
  --screen-md: 768px;
  --screen-md-min: 768px;
  --screen-lg: 1024px;
  --screen-lg-min: 1024px;
  --screen-xl: 1208px;
  --screen-xl-min: 1208px;
  --screen-xxl: 1600px;
  --screen-xxl-min: 1600px;
  --screen-xs-max: 766.9px;
  --screen-sm-max: 767px;
  --screen-md-max: 1023px;
  --screen-lg-max: 1207px;
  --screen-xl-max: 1599px;
  --grid-columns: 24;
  --layout-header-height: 64px;
  --layout-header-padding: 0 50px;
  --layout-header-color: rgba(255, 255, 255, 0.85);
  --layout-footer-padding: 24px 50px;
  --layout-footer-background: #24252f;
  --layout-sider-background: #353743;
  --layout-trigger-height: 48px;
  --layout-trigger-color: #fff;
  --layout-zero-trigger-width: 36px;
  --layout-zero-trigger-height: 42px;
  --layout-sider-background-light: #fff;
  --layout-trigger-background-light: #fff;
  --layout-trigger-color-light: rgba(255, 255, 255, 0.85);
  --zindex-badge: auto;
  --zindex-table-fixed: 2;
  --zindex-affix: 10;
  --zindex-back-top: 10;
  --zindex-picker-panel: 10;
  --zindex-popup-close: 10;
  --zindex-modal: 1000;
  --zindex-modal-mask: 1000;
  --zindex-message: 1010;
  --zindex-notification: 1063;
  --zindex-popover: 1061;
  --zindex-dropdown: 1050;
  --zindex-picker: 1050;
  --zindex-popoconfirm: 1060;
  --zindex-tooltip: 1060;
  --zindex-image: 1080;
  --animation-duration-slow: .3s;
  --animation-duration-base: .2s;
  --animation-duration-fast: .1s;
  --collapse-panel-border-radius: 2px;
  --dropdown-vertical-padding: 5px;
  --dropdown-edge-child-vertical-padding: 4px;
  --dropdown-font-size: 14px;
  --dropdown-line-height: 22px;
  --label-required-color: #fc8581;
  --label-color: rgba(255, 255, 255, 0.85);
  --form-warning-input-bg: transparent;
  --form-item-margin-bottom: 24px;
  --form-item-trailing-colon: true;
  --form-vertical-label-padding: 0 0 8px;
  --form-vertical-label-margin: 0;
  --form-item-label-font-size: 14px;
  --form-item-label-height: 32px;
  --form-item-label-colon-margin-right: 8px;
  --form-item-label-colon-margin-left: 2px;
  --form-error-input-bg: transparent;
  --input-height-base: 32px;
  --input-height-lg: 40px;
  --input-height-sm: 24px;
  --input-padding-horizontal: 11px;
  --input-padding-horizontal-base: 11px;
  --input-padding-horizontal-sm: 7px;
  --input-padding-horizontal-lg: 11px;
  --input-padding-vertical-base: 4px;
  --input-padding-vertical-sm: 0;
  --input-padding-vertical-lg: 6.5px;
  --input-color: rgba(255, 255, 255, 0.85);
  --input-border-color: #434343;
  --input-number-hover-border-color: #3660b1;
  --input-number-handler-hover-bg: #3660b1;
  --input-number-handler-bg: #24252f;
  --input-number-handler-border-color: #434343;
  --input-addon-bg: rgba(255, 255, 255, 0.04);
  --input-hover-border-color: #3660b1;
  --input-disabled-bg: #555;
  --input-outline-offset: 0;
  --input-disabled-color: rgba(255, 255, 255, 0.3);
  --mentions-dropdown-menu-item-hover-bg: #353743;
  --select-border-color: #434343;
  --select-item-selected-color: rgba(255, 255, 255, 0.85);
  --select-item-selected-font-weight: 600;
  --select-item-selected-bg: rgba(63, 127, 247, 0.2);
  --select-item-active-bg: rgba(255, 255, 255, 0.08);
  --select-dropdown-vertical-padding: 5px;
  --select-dropdown-font-size: 14px;
  --select-dropdown-line-height: 22px;
  --select-dropdown-height: 32px;
  --select-single-item-height-lg: 40px;
  --select-multiple-item-height: 24px;
  --select-multiple-item-height-lg: 32px;
  --select-multiple-item-spacing-half: 2px;
  --cascader-item-selected-bg: rgba(63, 127, 247, 0.2);
  --cascader-dropdown-vertical-padding: 5px;
  --cascader-dropdown-edge-child-vertical-padding: 4px;
  --cascader-dropdown-font-size: 14px;
  --cascader-dropdown-line-height: 22px;
  --anchor-bg: transparent;
  --anchor-border-color: #303030;
  --anchor-link-top: 7px;
  --anchor-link-left: 16px;
  --anchor-link-padding: 7px 0 7px 16px;
  --tooltip-max-width: 250px;
  --tooltip-color: #fff;
  --tooltip-arrow-width: 5px;
  --tooltip-distance: 8px;
  --tooltip-arrow-color: #434343;
  --popover-color: rgba(255, 255, 255, 0.85);
  --popover-min-width: 177px;
  --popover-min-height: 32px;
  --popover-arrow-width: 6px;
  --popover-arrow-color: #353743;
  --popover-arrow-outer-color: #353743;
  --popover-distance: 10px;
  --popover-padding-horizontal: 16px;
  --modal-header-padding-vertical: 16px;
  --modal-header-padding-horizontal: 24px;
  --modal-body-padding: 24px;
  --modal-header-padding: 16px 24px;
  --modal-header-border-width: 1px;
  --modal-header-border-style: solid;
  --modal-header-title-line-height: 22px;
  --modal-header-title-font-size: 16px;
  --modal-header-close-size: 56px;
  --modal-heading-color: rgba(255, 255, 255, 0.85);
  --modal-close-color: rgba(255, 255, 255, 0.65);
  --modal-footer-bg: transparent;
  --modal-footer-border-style: solid;
  --modal-footer-padding-vertical: 10px;
  --modal-footer-padding-horizontal: 16px;
  --modal-footer-border-width: 1px;
  --modal-mask-bg: rgba(36, 37, 47, 0.45);
  --modal-confirm-body-padding: 32px 32px 24px;
  --progress-default-color: #3f7ff7;
  --progress-remaining-color: #555;
  --progress-info-text-color: rgba(255, 255, 255, 0.85);
  --progress-radius: 100px;
  --progress-text-font-size: 1em;
  --progress-text-color: rgba(255, 255, 255, 0.85);
  --progress-circle-text-font-size: 1em;
  --menu-inline-toplevel-item-height: 40px;
  --menu-item-height: 40px;
  --menu-item-group-height: 1.5715;
  --menu-collapsed-width: 80px;
  --menu-item-active-border-width: 3px;
  --menu-item-vertical-margin: 0;
  --menu-item-font-size: 14px;
  --menu-item-boundary-margin: 0;
  --menu-item-padding-horizontal: 20px;
  --menu-item-padding: 0 20px;
  --menu-horizontal-line-height: 46px;
  --menu-icon-margin-right: 10px;
  --menu-icon-size: 14px;
  --menu-icon-size-lg: 16px;
  --menu-item-group-title-font-size: 14px;
  --menu-dark-color: rgba(255, 255, 255, 0.65);
  --menu-dark-danger-color: #fc8581;
  --menu-dark-arrow-color: #fff;
  --menu-dark-highlight-color: #fff;
  --menu-dark-item-active-bg: #3f7ff7;
  --menu-dark-item-active-danger-bg: #fc8581;
  --menu-dark-selected-item-icon-color: #fff;
  --menu-dark-selected-item-text-color: #fff;
  --menu-dark-item-hover-bg: transparent;
  --spin-dot-size-sm: 14px;
  --spin-dot-size: 20px;
  --spin-dot-size-lg: 32px;
  --table-bg: #24252f;
  --table-header-color: rgba(255, 255, 255, 0.85);
  --table-selected-row-color: inherit;
  --table-selected-row-bg: rgba(63, 127, 247, 0.2);
  --table-body-selected-sort-bg: rgba(63, 127, 247, 0.2);
  --table-selected-row-hover-bg: rgba(53, 120, 247, 0.2);
  --table-padding-vertical: 16px;
  --table-padding-horizontal: 16px;
  --table-padding-vertical-md: 12px;
  --table-padding-horizontal-md: 8px;
  --table-padding-vertical-sm: 8px;
  --table-padding-horizontal-sm: 8px;
  --table-border-color: #303030;
  --table-border-radius-base: 2px;
  --table-footer-bg: rgba(255, 255, 255, 0.04);
  --table-footer-color: rgba(255, 255, 255, 0.85);
  --table-header-bg-sm: #2c2d36;
  --table-font-size: 14px;
  --table-font-size-md: 14px;
  --table-font-size-sm: 14px;
  --table-selection-column-width: 32px;
  --table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --table-sticky-scroll-bar-radius: 4px;
  --tag-default-bg: rgba(255, 255, 255, 0.04);
  --tag-default-color: rgba(255, 255, 255, 0.85);
  --tag-font-size: 12px;
  --tag-line-height: 20px;
  --picker-basic-cell-hover-color: rgba(255, 255, 255, 0.08);
  --picker-basic-cell-active-with-range-color: rgba(63, 127, 247, 0.2);
  --picker-date-hover-range-color: #052f7e;
  --picker-time-panel-column-width: 56px;
  --picker-time-panel-column-height: 224px;
  --picker-time-panel-cell-height: 28px;
  --picker-panel-cell-height: 24px;
  --picker-panel-cell-width: 36px;
  --picker-text-height: 40px;
  --picker-panel-without-time-cell-height: 66px;
  --calendar-item-active-bg: rgba(63, 127, 247, 0.2);
  --calendar-full-panel-bg: #24252f;
  --carousel-dot-width: 16px;
  --carousel-dot-height: 3px;
  --carousel-dot-active-width: 24px;
  --badge-height: 20px;
  --badge-height-sm: 14px;
  --badge-dot-size: 6px;
  --badge-font-size: 12px;
  --badge-font-size-sm: 12px;
  --badge-font-weight: normal;
  --badge-status-size: 6px;
  --badge-color: #fc8581;
  --rate-star-color: #fadb14;
  --rate-star-size: 20px;
  --rate-star-hover-scale: scale(1.1);
  --card-head-color: rgba(255, 255, 255, 0.85);
  --card-head-background: transparent;
  --card-head-font-size: 16px;
  --card-head-font-size-sm: 14px;
  --card-head-padding: 16px;
  --card-head-padding-sm: 8px;
  --card-head-height: 48px;
  --card-head-height-sm: 36px;
  --card-inner-head-padding: 12px;
  --card-padding-base: 24px;
  --card-padding-base-sm: 12px;
  --card-actions-li-margin: 12px 0;
  --card-background: #24252f;
  --card-radius: 2px;
  --card-head-tabs-margin-bottom: -17px;
  --card-head-extra-color: rgba(255, 255, 255, 0.85);
  --comment-padding-base: 16px 0;
  --comment-nest-indent: 44px;
  --comment-font-size-base: 14px;
  --comment-font-size-sm: 12px;
  --comment-author-name-color: rgba(255, 255, 255, 0.65);
  --comment-action-color: rgba(255, 255, 255, 0.65);
  --comment-actions-margin-bottom: inherit;
  --comment-actions-margin-top: 12px;
  --comment-content-detail-p-margin-bottom: inherit;
  --tabs-card-head-background: rgba(255, 255, 255, 0.04);
  --tabs-card-height: 40px;
  --tabs-card-active-color: #3f7ff7;
  --tabs-card-horizontal-padding: 8px 16px;
  --tabs-card-horizontal-padding-sm: 6px 16px;
  --tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --tabs-title-font-size: 14px;
  --tabs-title-font-size-lg: 16px;
  --tabs-title-font-size-sm: 14px;
  --tabs-ink-bar-color: #3f7ff7;
  --tabs-bar-margin: 0 0 16px 0;
  --tabs-horizontal-gutter: 32px;
  --tabs-horizontal-margin: 0 0 0 32px;
  --tabs-horizontal-margin-rtl: 0 0 0 32px;
  --tabs-horizontal-padding: 12px 0;
  --tabs-horizontal-padding-lg: 16px 0;
  --tabs-horizontal-padding-sm: 8px 0;
  --tabs-vertical-padding: 8px 24px;
  --tabs-vertical-margin: 16px 0 0 0;
  --tabs-scrolling-size: 32px;
  --tabs-highlight-color: #3f7ff7;
  --tabs-hover-color: #3660b1;
  --tabs-active-color: #6497ea;
  --tabs-card-gutter: 2px;
  --tabs-card-tab-active-border-top: 2px solid transparent;
  --back-top-color: #fff;
  --back-top-bg: rgba(255, 255, 255, 0.65);
  --back-top-hover-bg: rgba(255, 255, 255, 0.85);
  --avatar-size-base: 32px;
  --avatar-size-lg: 40px;
  --avatar-size-sm: 24px;
  --avatar-font-size-base: 18px;
  --avatar-font-size-lg: 24px;
  --avatar-font-size-sm: 14px;
  --avatar-color: #fff;
  --avatar-border-radius: 2px;
  --avatar-group-overlapping: -8px;
  --avatar-group-space: 3px;
  --avatar-group-border-color: #fff;
  --switch-height: 22px;
  --switch-sm-height: 16px;
  --switch-min-width: 44px;
  --switch-sm-min-width: 28px;
  --switch-disabled-opacity: .4;
  --switch-color: #3f7ff7;
  --switch-shadow-color: rgba(0, 35, 11, 0.2);
  --switch-padding: 2px;
  --switch-inner-margin-min: 7px;
  --switch-inner-margin-max: 25px;
  --switch-sm-inner-margin-min: 5px;
  --switch-sm-inner-margin-max: 18px;
  --pagination-item-size: 32px;
  --pagination-item-size-sm: 24px;
  --pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --pagination-font-weight-active: 500;
  --pagination-mini-options-size-changer-top: 0;
  --page-header-padding: 24px;
  --page-header-padding-vertical: 16px;
  --page-header-padding-breadcrumb: 12px;
  --page-header-content-padding-vertical: 12px;
  --page-header-heading-title: 20px;
  --page-header-heading-sub-title: 14px;
  --page-header-tabs-tab-font-size: 16px;
  --breadcrumb-base-color: rgba(255, 255, 255, 0.65);
  --breadcrumb-last-item-color: rgba(255, 255, 255, 0.85);
  --breadcrumb-font-size: 14px;
  --breadcrumb-icon-font-size: 14px;
  --breadcrumb-link-color: rgba(255, 255, 255, 0.65);
  --breadcrumb-link-color-hover: #3660b1;
  --breadcrumb-separator-color: rgba(255, 255, 255, 0.65);
  --breadcrumb-separator-margin: 0 8px;
  --slider-margin: 10px 6px 10px;
  --slider-track-background-color: #2c406b;
  --slider-track-background-color-hover: #304e89;
  --slider-handle-border-width: 2px;
  --slider-handle-background-color: #24252f;
  --slider-handle-color: #2c406b;
  --slider-handle-color-hover: #304e89;
  --slider-handle-color-focus: #6599f9;
  --slider-handle-color-focus-shadow: rgba(63, 127, 247, 0.12);
  --slider-handle-color-tooltip-open: #3f7ff7;
  --slider-handle-size: 14px;
  --slider-handle-margin-top: -5px;
  --slider-handle-shadow: 0;
  --slider-disabled-color: rgba(255, 255, 255, 0.3);
  --slider-disabled-background-color: #24252f;
  --tree-title-height: 24px;
  --tree-child-padding: 18px;
  --tree-directory-selected-color: #fff;
  --tree-directory-selected-bg: #3f7ff7;
  --tree-node-hover-bg: rgba(255, 255, 255, 0.08);
  --tree-node-selected-bg: rgba(63, 127, 247, 0.15);
  --collapse-header-padding: 12px 16px;
  --collapse-header-padding-extra: 40px;
  --collapse-header-bg: rgba(255, 255, 255, 0.04);
  --collapse-content-padding: 16px;
  --collapse-content-bg: #24252f;
  --collapse-header-arrow-left: 16px;
  --skeleton-color: rgba(0, 0, 0, 0.8);
  --skeleton-paragraph-margin-top: 28px;
  --skeleton-paragraph-li-margin-top: 16px;
  --skeleton-paragraph-li-height: 16px;
  --skeleton-title-height: 16px;
  --skeleton-title-paragraph-margin-top: 24px;
  --transfer-header-height: 40px;
  --transfer-item-height: 32px;
  --transfer-disabled-bg: #555;
  --transfer-list-height: 200px;
  --transfer-item-padding-vertical: 6px;
  --transfer-list-search-icon-top: 12px;
  --message-notice-content-padding: 10px 16px;
  --wave-animation-width: 6px;
  --alert-message-color: rgba(255, 255, 255, 0.85);
  --alert-text-color: rgba(255, 255, 255, 0.85);
  --alert-close-color: rgba(255, 255, 255, 0.65);
  --alert-close-hover-color: rgba(255, 255, 255, 0.75);
  --alert-no-icon-padding-vertical: 8px;
  --alert-with-description-no-icon-padding-vertical: 15px;
  --alert-with-description-padding-vertical: 15px;
  --alert-with-description-padding: 15px 15px 15px 24px;
  --alert-icon-top: 12.0005px;
  --alert-with-description-icon-size: 24px;
  --list-header-background: transparent;
  --list-footer-background: transparent;
  --list-empty-text-padding: 16px;
  --list-item-padding: 12px 0;
  --list-item-padding-sm: 8px 16px;
  --list-item-padding-lg: 16px 24px;
  --list-item-meta-margin-bottom: 16px;
  --list-item-meta-avatar-margin-right: 16px;
  --list-item-meta-title-margin-bottom: 12px;
  --list-item-meta-description-font-size: 14px;
  --statistic-title-font-size: 14px;
  --statistic-content-font-size: 24px;
  --statistic-unit-font-size: 24px;
  --statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --drawer-header-padding: 16px 24px;
  --drawer-body-padding: 24px;
  --drawer-footer-padding-vertical: 10px;
  --drawer-footer-padding-horizontal: 16px;
  --drawer-header-close-size: 56px;
  --timeline-width: 2px;
  --timeline-dot-border-width: 2px;
  --timeline-dot-bg: #24252f;
  --timeline-item-padding-bottom: 20px;
  --typography-title-font-weight: 600;
  --typography-title-margin-top: 1.2em;
  --typography-title-margin-bottom: .5em;
  --upload-actions-color: rgba(255, 255, 255, 0.65);
  --process-tail-color: #303030;
  --steps-icon-size: 32px;
  --steps-icon-custom-size: 32px;
  --steps-icon-custom-top: 0;
  --steps-icon-custom-font-size: 24px;
  --steps-icon-top: -0.5px;
  --steps-icon-font-size: 16px;
  --steps-icon-margin: 0 8px 0 0;
  --steps-title-line-height: 32px;
  --steps-small-icon-size: 24px;
  --steps-small-icon-margin: 0 8px 0 0;
  --steps-dot-size: 8px;
  --steps-dot-top: 2px;
  --steps-current-dot-size: 10px;
  --steps-description-max-width: 140px;
  --steps-nav-content-max-width: auto;
  --steps-vertical-icon-width: 16px;
  --steps-vertical-tail-width: 16px;
  --steps-vertical-tail-width-sm: 12px;
  --notification-padding-vertical: 16px;
  --notification-padding-horizontal: 24px;
  --result-title-font-size: 24px;
  --result-subtitle-font-size: 14px;
  --result-icon-font-size: 72px;
  --result-extra-margin: 24px 0 0 0;
  --image-size-base: 48px;
  --image-font-size-base: 24px;
  --image-bg: #f5f5f5;
  --image-color: #fff;
  --image-mask-font-size: 16px;
  --image-preview-operation-size: 18px;
  --image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
  --theme: dark;
  --black: #24252f;
  --common-color: #fff;
  --common-color-95: rgba(255, 255, 255, 0.95);
  --common-color-85: rgba(255, 255, 255, 0.85);
  --common-color-75: rgba(255, 255, 255, 0.75);
  --common-color-65: rgba(255, 255, 255, 0.65);
  --common-color-55: rgba(255, 255, 255, 0.55);
  --common-color-45: rgba(255, 255, 255, 0.45);
  --common-color-35: rgba(255, 255, 255, 0.35);
  --common-color-25: rgba(255, 255, 255, 0.25);
  --common-color-15: rgba(255, 255, 255, 0.15);
  --primary-1: rgba(63, 127, 247, 0.2);
  --primary-2: rgba(63, 127, 247, 0.15);
  --primary-3: #2c406b;
  --primary-4: #304e89;
  --primary-5: #3660b1;
  --primary-6: #3f7ff7;
  --primary-7: #6497ea;
  --primary-8: #8eb9f5;
  --primary-9: #b8d6f9;
  --primary-10: #e2eefb;
  --popover-background: #353743;
  --popover-customize-border-color: #3a3a3a;
  --body-background: #24252f;
  --component-background: #24252f;
  --text-color: rgba(255, 255, 255, 0.85);
  --text-color-secondary: rgba(255, 255, 255, 0.65);
  --text-color-inverse: #fff;
  --icon-color-hover: rgba(255, 255, 255, 0.75);
  --heading-color: rgba(255, 255, 255, 0.85);
  --item-active-bg: rgba(63, 127, 247, 0.2);
  --item-hover-bg: rgba(255, 255, 255, 0.08);
  --border-color-base: #434343;
  --border-color-split: #303030;
  --background-color-light: rgba(255, 255, 255, 0.04);
  --background-color-base: #555;
  --disabled-color: rgba(255, 255, 255, 0.3);
  --disabled-bg: #555;
  --disabled-color-dark: rgba(255, 255, 255, 0.3);
  --tree-bg: transparent;
  --list-customize-card-bg: transparent;
  --shadow-color: rgba(0, 0, 0, 0.45);
  --shadow-color-inverse: #24252f;
  --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12);
  --shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12);
  --shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2), 12px 0 48px 16px rgba(0, 0, 0, 0.12);
  --shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --btn-default-bg: transparent;
  --btn-default-ghost-color: rgba(255, 255, 255, 0.85);
  --btn-default-ghost-border: rgba(255, 255, 255, 0.25);
  --btn-text-hover-bg: rgba(255, 255, 255, 0.03);
  --checkbox-check-bg: transparent;
  --descriptions-bg: rgba(255, 255, 255, 0.04);
  --divider-color: rgba(255, 255, 255, 0.12);
  --modal-header-bg: #353743;
  --modal-header-border-color-split: #303030;
  --modal-content-bg: #353743;
  --modal-footer-border-color-split: #303030;
  --radio-solid-checked-color: #fff;
  --radio-dot-disabled-color: rgba(255, 255, 255, 0.2);
  --radio-disabled-button-checked-bg: rgba(255, 255, 255, 0.2);
  --radio-disabled-button-checked-color: rgba(255, 255, 255, 0.3);
  --layout-body-background: #24252f;
  --layout-header-background: #353743;
  --layout-trigger-background: #262626;
  --input-bg: transparent;
  --input-placeholder-color: rgba(255, 255, 255, 0.3);
  --input-icon-color: rgba(255, 255, 255, 0.3);
  --input-number-handler-active-bg: rgba(255, 255, 255, 0.08);
  --input-icon-hover-color: rgba(255, 255, 255, 0.85);
  --select-background: transparent;
  --select-dropdown-bg: #353743;
  --select-clear-background: #24252f;
  --select-selection-item-bg: rgba(255, 255, 255, 0.08);
  --select-selection-item-border-color: #303030;
  --select-multiple-disabled-background: #24252f;
  --select-multiple-item-disabled-color: #595959;
  --select-multiple-item-disabled-border-color: #353743;
  --cascader-bg: transparent;
  --cascader-menu-bg: #353743;
  --cascader-menu-border-color-split: #303030;
  --tooltip-bg: #434343;
  --menu-bg: #2c2c34;
  --menu-item-color: rgba(255, 255, 255, 0.85);
  --menu-inline-submenu-bg: #23232a;
  --menu-highlight-color: rgba(255, 255, 255, 0.85);
  --menu-highlight-danger-color: #fc8581;
  --menu-item-active-bg: #3f7ff7;
  --menu-item-active-danger-bg: #fff2f0;
  --menu-item-group-title-color: rgba(255, 255, 255, 0.65);
  --menu-dark-inline-submenu-bg: #24252f;
  --menu-dark-bg: #353743;
  --menu-popup-bg: #353743;
  --message-notice-content-bg: #353743;
  --notification-bg: #353743;
  --link-hover-color: #3660b1;
  --link-active-color: #6497ea;
  --table-header-bg: #2c2d36;
  --table-body-sort-bg: rgba(255, 255, 255, 0.01);
  --table-row-hover-bg: rgba(63, 127, 247, 0.15);
  --table-header-cell-split-color: rgba(255, 255, 255, 0.08);
  --table-header-sort-bg: #262626;
  --table-header-filter-active-bg: #434343;
  --table-header-sort-active-bg: #303030;
  --table-filter-btns-bg: #353743;
  --table-expanded-row-bg: #2c2d36;
  --table-filter-dropdown-bg: #353743;
  --table-expand-icon-bg: transparent;
  --picker-basic-cell-hover-with-range-color: #052f7e;
  --picker-basic-cell-disabled-bg: #303030;
  --picker-border-color: #303030;
  --picker-bg: transparent;
  --picker-date-hover-range-border-color: #084bc8;
  --dropdown-menu-bg: #353743;
  --dropdown-menu-submenu-disabled-bg: transparent;
  --steps-nav-arrow-color: rgba(255, 255, 255, 0.2);
  --steps-background: transparent;
  --avatar-bg: rgba(255, 255, 255, 0.3);
  --progress-steps-item-bg: rgba(255, 255, 255, 0.08);
  --calendar-bg: #353743;
  --calendar-input-bg: #353743;
  --calendar-border-color: transparent;
  --calendar-full-bg: #24252f;
  --badge-text-color: #fff;
  --popover-bg: #353743;
  --drawer-bg: #353743;
  --card-actions-background: #24252f;
  --card-skeleton-bg: #303030;
  --card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36);
  --transfer-item-hover-bg: #262626;
  --comment-bg: transparent;
  --comment-author-time-color: rgba(255, 255, 255, 0.3);
  --comment-action-hover-color: rgba(255, 255, 255, 0.65);
  --rate-star-bg: rgba(255, 255, 255, 0.12);
  --switch-bg: #fff;
  --pagination-item-bg: transparent;
  --pagination-item-bg-active: transparent;
  --pagination-item-link-bg: transparent;
  --pagination-item-disabled-bg-active: rgba(255, 255, 255, 0.25);
  --pagination-item-disabled-color-active: #24252f;
  --pagination-item-input-bg: transparent;
  --page-header-back-color: inherit;
  --page-header-ghost-bg: transparent;
  --slider-rail-background-color: #262626;
  --slider-rail-background-color-hover: #434343;
  --slider-dot-border-color: #303030;
  --slider-dot-border-color-active: #304e89;
  --skeleton-to-color: rgba(255, 255, 255, 0.16);
  --alert-success-border-color: #ace3b9;
  --alert-success-bg-color: #edfcf0;
  --alert-success-icon-color: #35bc62;
  --alert-info-border-color: #2c406b;
  --alert-info-bg-color: rgba(63, 127, 247, 0.2);
  --alert-info-icon-color: #3f7ff7;
  --alert-warning-border-color: #ffe99c;
  --alert-warning-bg-color: #fffced;
  --alert-warning-icon-color: #f7b321;
  --alert-error-border-color: #ffd8d4;
  --alert-error-bg-color: #fff2f0;
  --alert-error-icon-color: #fc8581;
  --timeline-color: #303030;
  --timeline-dot-color: #3f7ff7;
  --mentions-dropdown-bg: #353743;

  // 自定义样式
  --header-bg: #23232e;
  --header-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.15);
  --cc-body-bg: #16171f;
  --table-bg: #2c2d36;
  --table-head-bg: #2c2d36;
  --table-border-color: #303030;
  --table-bg-hover: #626977;
  --pagination-bg: #3d3e4a;

  --ele-new-dsc-bg: #f0f0f0;
  --ele-new-number-bg: #387bf8;
  --ele-new-update-bg: #ff8080;
  --ele-new-stop-bg: #F4C443;
  --ele-new-delete-bg: #1BC1A0;
  --ele-new-divider-bg: #707070;

  --scrollbar-bg: #0a0b17;
  --scrollbar-color: #393a4a;

  --y-button-info: #6c6f7f;
  --y-button-info-hover: #7b7e8c;

  --edit-shadow: 3px 4px 13px rgba(0, 0, 0, 0.16);
  //tabs
  --tabs-item-bg: #2c2d36;
  --tabs-item-color: #ffffff;
  --tabs-item-border: rgba(63, 127, 247, 0.3);
  --tabs-active-bg: #24252f;
  --tabs-active-color: #36d3ff;
  --tabs-change-bg: #141524;
  --color-button-cancel-border: #535e69;
  --a: #36d3ff;
  --color-text: #fff;
  --color-workbench-text: #f3f3f3;
  --color-button-cancel-bg: #2a2e3a;
  --color-button-cancel-text: #fff;
  --color-mark-text: #00ccff;
  --progress-bg: #666666;
  --color-radio: #00ccff;
  // 水印颜色
  --color-watermark: #6e7a82;
  // 自定义tab
  --tab-item: url(../images/tab-item-dark.png);
  --tab-item-active: url(../images/tab-item-dark-active.png);
  //panle
  --panle-bg: #23232e;
}
